<template>
  <div>
    <div class="warning">
      <div class="btns flex-justify-end">
        <button class="btn-save">保存</button>
      </div>
      <div class="form">
        <el-form :model="form">
          <el-form-item label="登记预警" class="form-item">
            <div>
              <el-radio-group v-model="form.radio1">
                <el-radio :value="true">
                  <span class="bg_text">开启</span>
                </el-radio>
                <el-radio :value="false">
                  <span class="bg_text">关闭</span>
                </el-radio>
              </el-radio-group>
              <div class="tips">登记资料地址与网点销售区域不匹配情况下预警</div>
            </div>
          </el-form-item>
          <el-form-item label="扫码预警" class="form-item">
            <div>
              <el-radio-group v-model="form.radio2">
                <el-radio :value="true">
                  <span class="bg_text">开启</span>
                </el-radio>
                <el-radio :value="false">
                  <span class="bg_text">关闭</span>
                </el-radio>
              </el-radio-group>
              <div class="tips">扫码查询资料获取地理位置，获取成功后区域与网点不匹配预警</div>
            </div>
          </el-form-item>
          <el-form-item label="假货登记" class="form-item">
            <div>
              <el-radio-group v-model="form.radio3">
                <el-radio :value="true">
                  <span class="bg_text">开启</span>
                </el-radio>
                <el-radio :value="false">
                  <span class="bg_text">关闭</span>
                </el-radio>
              </el-radio-group>
              <div class="tips">开通假货登记后，多次扫码的产品，可以申请假货登记信息</div>
            </div>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
  import { ref, reactive, onMounted, markRaw } from 'vue'
  import { ElMessage, ElMessageBox } from 'element-plus'
  import { Warning } from '@element-plus/icons-vue'
  import type { FormInstance } from 'element-plus'

  const form = reactive({
    id: 0,
    radio1: true,
    radio2: true,
    radio3: true,
  })

  // 表单元素
  const formRef = ref<FormInstance>()
</script>

<style scoped lang="scss">
  @import '../../goods/index.scss';
</style>
